<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <!--css遵循一个规律:
    1.就近原则
    2.叠加原则-->

    <style>
        div{
            color: mediumseagreen;
            font-size: 40px;
            background-color: mediumturquoise;
        }

        p{
            color: purple;
            font-size: 10px;
        }

    </style>

    <link href="css/index.css" rel="stylesheet">

</head>
<body>
    <div style="color: hotpink;background-color: lightcoral">1111111111111</div>
    <div>1111111111111</div>
    <div>1111111111111</div>
    <div>1111111111111</div>
    <div>1111111111111</div>

    <p>2222222222222</p>

</body>

</html>